<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- 
        我们可以在事件对于的属性中设置一些js代码
        这样当事件被触发时，这些代码将会被执行
    -->
    <button id="btn">我是一个按钮</button>
    <script>
        // onmousemove="alert('讨厌点我');"

        // 获取按钮对象
        var btn = document.getElementById("btn");
        //      可以为按钮的对应事件绑定处理函数的形式来响应事件
        // 当事件被触发时，其对应函数将会将会被调用

        // 绑定一个单击事件
        btn.onclick = function() {
            alert("还点我");
        }
    </script>
</body>

</html>